<%@page import="com.hochschild.sgv.domain.Solicitud"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.Iterator"%>
<%@page import="com.hochschild.sgv.util.DiasCalendario"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>


<%
 int diaAnio=(Integer) request.getAttribute("diaAnio");
 int cantdias=(Integer) request.getAttribute("cantdias");
 int anioActual=(Integer) request.getAttribute("anioActual");
%>

<html:html lang="true">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        
                <script src="<%=request.getContextPath()%>/js/jquery/jquery.js" type="text/javascript"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.alerts.js"></script>
		<link href="<%=request.getContextPath()%>/css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
                
                <link href="<%=request.getContextPath()%>/css/planificacion.css" rel="stylesheet" type="text/css"/>
                <script type="text/javascript" src="<%=request.getContextPath()%>/js/Date.min.js"></script>
        
<!--        Div Actualizando-->
                <link type="text/css" href="<%=request.getContextPath()%>/js/jquery-ui-1.8/css/hot-sneaks/jquery-ui-1.8.12.custom.css" rel="stylesheet" />
                <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-ui-1.8/js/jquery-ui-1.8.12.custom.min.js"></script>
                <script type="text/javascript" src="<%=request.getContextPath()%>/js/sgv/sgv.js"></script>
                <link rel="StyleSheet" href="<%=request.getContextPath()%>/css/loading.css" type="text/css" />
<!--        Fin Actualizando-->
   </head>
  
<body style="background-color: white" onload="initScroll(); loadStyle();">
    <style TYPE="text/css">
        #cache {
            position:absolute; left:0; top:0; z-index:10; visibility:hidden;
        }
        

    </style>

    <!--Div Actualizando-->
        <div id="idLoading" class="loading" >
            <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable mensajeVentana"
                 tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog-message">
                <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                    <span id="ui-dialog-title-dialog-message" class="ui-dialog-title">Proceso</span>
                </div>
                <div style="height: 300px; min-height: 300px; width: auto; margin-left: 30%;" class="ui-dialog-content ui-widget-content" id="dialog">
                    <div id="idCargador" class="imgLoading" style="margin-left: 0px;margin-right: auto;"><img  src="<%=request.getContextPath()%>/images/loading/loading.gif"/></div>
                    <div id="idMensaje" class="mensajeText" style="margin-left: -60px;"></div>
                </div>
            </div>
        </div>  
<!--Fin Actualizando-->
<html:form action="planificacion">

    <input type="hidden" name="metodo" id="metodo" value="" />
    <input type="hidden" name="estado" id="estado" value="" />
     <table border="1" style="border-style: solid; border-color: #a0a0a0; margin-top: 30px;">
        <tr>
            <td style="text-align: left; background: #ececec;">  
 
<!--                              Titulos                                    -->
<div id="divContenedorTitulo" >
    <table style="width: 100%;"  border="0" >
        <tr>
            <td style="text-align: left;">
                <button class="btn" type="button" id="btnSolicitarPDF" style="width: 140px;" name="btnSolicitarPDF" onclick="imprimirSolicitud();"><img src="<%=request.getContextPath()%>/images/iconos/printer.png" alt="" height="15px"/>&nbsp;Imprimir Solicitud</button>
                <button class="btn" type="button" id="btnCompaneros" style="width: 140px;" name="btnCompaneros" onclick="companeros();"><img src="<%=request.getContextPath()%>/images/grupomsn.png" alt="" height="15px"/>&nbsp;Consulta del &Aacute;rea</button>
            </td>
            <td class="border">
                <div id="divCabeceraMovibleMes">
                         <table id="tableTituloMes" border="0">
<!--                             Ls Suma de los width debe de ser igual al width del table-->
                            <tr>
                                <c:forEach var="x" begin="0" end="1" step="1">
                                    <td class="borderTituloMeses31" > Enero-<c:out value="${anioActual  + x }" /></td>
                                    <%
                                        if(cantdias==731){
                                    %>
                                    <td class="borderTituloMeses30" style="width: 580px; " >Febrero-<c:out value="${anioActual + x }" /></td>
                                    <%
                                        }else{
                                    %>
                                    <td class="borderTituloMeses30" style="width: 560px; " >Febrero-<c:out value="${anioActual + x }" /></td>
                                    <%
                                     }
                                    %>
                                    <td class="borderTituloMeses31" >Marzo-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses30" >Abril-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses31" >Mayo-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses30" >Junio-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses31" >Julio-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses31" >Agosto-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses30" >Septiembre-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses31" >Octubre-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses30" >Noviembre-<c:out value="${anioActual + x }" /></td>
                                    <td class="borderTituloMeses31" >Diciembre-<c:out value="${anioActual + x }" /></td>
                                </c:forEach>  
                            </tr>
                        </table>       
              </div> 
            </td>
        </tr>
        <tr>
            <td class="borderFilas">
<!--                Cabecera Estatica                                                     -->
                <table id="tableTituloColaborador" border="0" >
<!--                             Ls Suma de los width debe de ser igual al width del table-->
                      <tr>
                        <td style="display: none; background: #1F497D ; color: #ffffff "></td>
                        <td style="display: none; background: #1F497D ; color: #ffffff "></td>
                        <td style="display: none; background: #1F497D ; color: #ffffff "></td>
                        
                        <td class="borderTituloColaboradores" style="width : 300px; height: 43px; "  colspan="2" ><span style="text-align: center;">Colaborador</span></td>
<!--                        <td class="borderTituloColaboradores" style="width : 210px; color: white; background: #1F497D;" ></td>-->
                        <td class="borderTituloColaboradores" style="width : 95px; color: white; background: #1F497D;"><span > Días Calendario</span></td>
                        <td class="borderTituloColaboradores" style="width : 95px; color: white; background: #1F497D;"><span > Días Vacac. Planificados</span></td>
                    </tr>        
                </table>
<!--                    Fin Cabecera Estatica                               -->
            </td>

           <td class="border">
<!--               Cabecera Movible                                       -->
              <div id="divCabeceraMovible">
                    <table id="table_diasCalendario" border="0">
<!--                             Ls Suma de los width debe de ser igual al width del table--> 
                          <tr>
                              <c:if test="${!empty lstDiasCalendario}">
                                <c:forEach items="${lstDiasCalendario}" var="jbean" varStatus="status">
                                    <c:if test="${jbean.tipoDeDia == 'rojo'}">
                                        <td  class="diasCalendario" ><span class="fuente" style="color: red;"> <c:out value="${jbean.nombreDia}" /></span> </td>
                                    </c:if>
                                    <c:if test="${jbean.tipoDeDia !='rojo'}">
                                        <td  class="diasCalendario" ><span class="fuente">  <c:out value="${jbean.nombreDia}" /></span></td>
                                    </c:if>       
                                </c:forEach>
                              </c:if>
                          </tr>
                            <tr>
                              <c:if test="${!empty lstDiasCalendario}">
                                <c:forEach items="${lstDiasCalendario}" var="jbean" varStatus="status">
                                    <c:if test="${jbean.tipoDeDia == 'rojo'}">
                                        <td  class="diasCalendario" ><span class="fuente" style="color: red;"> <c:out value="${jbean.numerodia}" /></span> </td>
                                    </c:if>
                                    <c:if test="${jbean.tipoDeDia !='rojo'}">
                                        <td  class="diasCalendario" ><span class="fuente">  <c:out value="${jbean.numerodia}" /></span></td>
                                    </c:if>
                                </c:forEach>
                              </c:if>
                          </tr>
                        </table>       
              </div> 
<!--                Fin  Cabecera Movible       -->
        </td>
      </tr>
    </table>
</div>                          
<!--            Fin Titulos                      -->
          </td>
        </tr>
            <tr>
            <td style="text-align: left;">     
<div id='divContenedorCuerpo'  >
<!--            Contenido No Movible          style="background: green"   -->
        <div id='divContainer_left'>
            <table id="table_Colaborador" border="0" >
<!--                             Ls Suma de los width debe de ser igual al width del table--> 
                    <c:if test="${!empty lstPersonalSaps}">
                            <c:set var="cont" value="0"/> 
                        <c:forEach items="${lstPersonalSaps}" var="jbean" varStatus="status">
                            <tr>
                                <input type="hidden" name="equipo"   value="<c:out value='${jbean.idUsuario}' />" />
                                <input type="hidden" name="nombreEquipo"   value="<c:out value='${jbean.nombreCompleto}' />" />
                                <input type="hidden" name="saldoEquipo"   value="<c:out value='${jbean.saldoVacaciones}' />" />
                                <td  style="width: 55px; height: 80px;border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #a0a0a0;" ><img src='<c:out value="${sessionScope.servidorFotos}" /><c:out value="${jbean.codigoPersonal}" />.jpg' onerror="this.src='images/sinimagen.png';" style="width:60px;height: 75px "></td>
                                <td style="width : 190px;  height: 80px;border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #a0a0a0;" align="center" > <span class="fuentenombre"> <a href="javascript:void(0)" onclick="vistaAnual('<c:out value='${jbean.idUsuario}' />','<c:out value='${idUsuarioAprobador}' />','<c:out value='${anioActual}'/>');"><c:out value="${jbean.nombreCompleto}" /></a> </span><br /> <span class="fuentenombre"> <c:out value="${jbean.nombrePosicion}" /> </span></td>
<!--                                <td style="width : 90px;  height: 80px;border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #a0a0a0;" align="center" >  <c:out value="${jbean.saldoVacaciones}" /></td>-->
                                <td style="width : 90px;  height: 80px;border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #a0a0a0;" align="center" > <a href="JavaScript:Detalle('<c:out value='${jbean.idUsuario}' />')"> <c:out value="${jbean.saldoVacaciones}" /></a></td>
                                <td id="<c:out value='${cont}' />" style="width : 90px;  height: 80px;border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #a0a0a0;" align="center">0</td>
                            </tr>
                            <c:set var="cont" value="${cont + 1}"/> 
                        </c:forEach>
                    </c:if>
                            
                <tr>
                    <td class="altoFilaSinBorde">
                        &nbsp; 
                    </td>
                </tr>
<!--               Poner Filas en Blanco-->
                <c:forEach var="x" begin="0" end="5" step="1">
                     <tr>
                        <td class="altoSeparacionenBlanco" >
                            &nbsp; 
                        </td>
                    </tr>
                </c:forEach>
<!--               Fin Poner Filas en Blanco-->                  
            </table>
        </div>
<!--          FIN  Contenido No Movible            -->

<!--            Contenido Movible                  -->
        <div id='divContainer_right'>

           <table id="table_diasColaborador"  >
 <!--                             Ls Suma de los width debe de ser igual al width del table-->        
                <tr>
                    <td class="altoFilaSinBorde" >
                        &nbsp; 
                    </td>
                </tr>
                <c:set var="indicador" value="0"/> 
                <c:set var="cont" value="0"/> 
                <c:forEach items="${lstDiasAPlanificarYGozadas}" var="jbean" varStatus="status">
                    <c:if test="${indicador == '2'}" >
                        <c:set var="indicador" value="0"/> 
                        <tr>
                            <td class="altoSeparacionenBlanco" >
                                &nbsp; 
                            </td>
                        </tr>
                    </c:if>
                     <c:set var="indicador" value="${indicador + 1}"/> 
                     <c:set var="sumDiasPlanificados" value="0"/> 
                    <tr>
                        <c:forEach items="${jbean}" var="jbeana" begin="1" varStatus="status">
                            
                             <c:if test="${jbeana == 'PP'}" >
                                <c:set var="cont" value="${cont + 1}"/> 
                                <input type="hidden" name="textDinamicos"  id="<c:out value='${cont}'/>" value="P" />
                                <td  id="td<c:out value='${cont}'/>" class="borderFilas"  style="background: #95b84e;" ><span class="fuente">&nbsp;&nbsp;&nbsp; </span></td>
                            </c:if>
                            <c:if test="${jbeana == 'BPP'}" >
                                <c:set var="cont" value="${cont + 1}"/> 
                                <input type="hidden" name="textDinamicos"  id="<c:out value='${cont}'/>" value="" />
                                <td  id="td<c:out value='${cont}'/>" class="borderFilas" style="background: #fcfcfc;"><span class="fuente">&nbsp;&nbsp;&nbsp; </span></td>
                            </c:if>
                            <c:if test="${jbeana == 'P'}" >
                                <c:set var="cont" value="${cont + 1}"/> 
                                <c:set var="sumDiasPlanificados" value="${sumDiasPlanificados + 1}"/> 
                                <input type="hidden" name="textDinamicos"  id="<c:out value='${cont}'/>" value="P" />
                                <!--onclick="pintaCelda(this);"--> 
                                <td  id="td<c:out value='${cont}'/>" class="borderFilas " style="background: #95b84e;" ><span class="fuente">&nbsp;&nbsp;&nbsp;</span></td>
                            </c:if>
                             <!--Agregando dias Libres Planificadas, dias Blanco Libres Pasadas, dis Libres Planificadas Pasadas--> 
                             <c:if test="${jbeana == 'LP'}" >
                                <c:set var="sumDiasPlanificados" value="${sumDiasPlanificados + 1}"/> 
                                <c:set var="cont" value="${cont + 1}"/> 
                                <input type="hidden" name="textDinamicos"  id="<c:out value='${cont}'/>" value="P" />
                                <td  id="td<c:out value='${cont}'/>" class="borderFilas " style="background: #95b84e;"  ><span class="fuentediaLibre">L </span></td>
                            </c:if>
                            <c:if test="${jbeana == 'BLP'}" >
                                 <c:set var="cont" value="${cont + 1}"/> 
                                 <input type="hidden" name="textDinamicos"  id="<c:out value='${cont}'/>" value="" />
                                 <td id="td<c:out value='${cont}'/>" class="borderFilas"  style="background: #fcfcfc;" ><span class="fuentediaLibre">L </span></td>
                            </c:if>  
                            <c:if test="${jbeana == 'LPP'}" >
                                 <c:set var="cont" value="${cont + 1}"/> 
                                <input type="hidden" name="textDinamicos"  id="<c:out value='${cont}'/>" value="P" />
                                <td  id="td<c:out value='${cont}'/>" class="borderFilas"  style="background: #95b84e;" ><span class="fuentediaLibre">L </span></td> 
                            </c:if>
                              <!--Fin-->    
                            <c:if test="${jbeana == ''}" >
                                <c:set var="cont" value="${cont + 1}"/> 
                                <input type="hidden" name="textDinamicos"  id="<c:out value='${cont}'/>" value="" />
                                <!--onclick="pintaCelda(this);"--> 
                                <td id="td<c:out value='${cont}'/>"  class="borderFilas "  style="background: #fcfcfc; " ><span class="fuente">&nbsp;&nbsp;&nbsp;</span></td>
                            </c:if>
                            <c:if test="${jbeana == 'L'}" >
                                 <c:set var="cont" value="${cont + 1}"/> 
                                 <input type="hidden" name="textDinamicos"  id="<c:out value='${cont}'/>" value="" />
                                 <td id="td<c:out value='${cont}'/>" class="borderFilas"  ><span class="fuentediaLibre">L </span></td>
                            </c:if> 
                            <c:if test="${jbeana == 'G'}" >
                                 <td id="td<c:out value='${cont}'/>" class="borderFilas diasGozados"  ><span class="fuente">&nbsp;&nbsp;&nbsp; </span></td>
                            </c:if>  
                            
                            <c:if test="${jbeana == 'LG'}" >
                                <td class="borderFilas" id="i"><span class="fuente">&nbsp;&nbsp;&nbsp; </span></td>
                            </c:if>       
                        </c:forEach>
                            <c:if test="${indicador == '1'}">
                                <input type="hidden" name="diasPlanificadosEquipo"   value="<c:out value='${sumDiasPlanificados}' />" />
                            </c:if> 
                     </tr>
                </c:forEach>   
                <tr>
                    <td class="altoFilaSinBorde" >
                        &nbsp; 
                    </td>
                </tr>
<!--               Poner Filas en Blanco-->
                <c:forEach var="x" begin="0" end="5" step="1">
                     <tr>
                        <td class="altoSeparacionenBlanco" >
                            &nbsp; 
                        </td>
                    </tr>
                </c:forEach>
<!--               Fin Poner Filas en Blanco-->                
            </table>
        </div> 
<!--              FIN Contenido Movible  -->

</div>
      </td>
        </tr>
    </table>   

<table border="0" style="height: 40px; width: 1100px">
        <tbody>
            <tr>
                <td style="width: 630px;">
                    &nbsp;
                    <c:if test="${estado=='S3'}">
                        Sus días planificados ha sido enviado a su jefe.
                    </c:if>
                    <c:if test="${estado=='S4'}">
                        Su jefe está tratandos sus días planificados.
                    </c:if>
                </td>
                <td style="width: 50px;">
                    <span  style="width: 40px;" >&nbsp;&nbsp;&nbsp;</span>
                </td>
                <td  style="width: 20px; text-align: right;">
                    <div class="diasPlanificados" style="width: 20px; height: 20px;">&nbsp;</div> 
                </td>
                 <td class="cuadroDescripcion" style="width: 145px; text-align: left;">
                    Vacaciones Planificadas
                </td>
                <td  style="width: 20px; text-align: right;">
                    <div class="diasGozados" style="width: 20px; height: 20px;">&nbsp;</div>
                </td>
                <td class="cuadroDescripcion" style="width: 140px; text-align: left;">
                    Vacaciones Gozadas
                </td>
            </tr>
            <tr>
                <td class="labelNota">Nota:</td>
            </tr>
            <tr>
                <td class="labelNota">1. S&oacute;lo se podr&aacute; planificar como m&iacute;nimo 7 días calendario vacaciones.</td>
            </tr>
            <tr>
                <td class="labelNota">2. Se consideran feriados, s&aacute;bados y domingos.</td>
            </tr>
            <tr>
                <td class="labelNota">3. La planificaci&oacute;n de vacaciones se deber&aacute; solicitar como m&iacute;nimo con 15 d&iacute;as de anticipaci&oacute;n.</td>
            </tr>
            <tr >
                <td colspan="5" class="labelNota">4. S&oacute;lo se aceptar&aacute; cambio de fechas para casos excepcionales y debidamente sustentados, el cambio se coordinara con el &aacute;rea de RRHH.</td>
            </tr>
            <tr>
                <td colspan="5" class="labelNota">5. El formato de solicitud de vacaciones debe ser entregado con 15 d&iacute;as de anticipaci&oacute;n a la fecha de inicio de vacaciones.</td>
            </tr>
        </tbody>
    </table>                
</html:form>

    </body>

    <script type="text/javascript">
        
        var leftDiv = document.getElementById('divContainer_left');
        var rightDiv = document.getElementById('divContainer_right');
        var cabeceraDiv = document.getElementById('divCabeceraMovible');
        var cabeceraMesDiv = document.getElementById('divCabeceraMovibleMes');
        var rangominimo = <c:out value='${cantMinima}'/>;
        var tituloSist = 'Sistema de Gesti\u00F3n de Vacaciones';
        var msj;
        var lstdiasPlanificados = document.getElementsByName("diasPlanificadosEquipo");
       // var lstTDDiasPlanificados = document.getElementById("tdDiasPlanificados");   
        function initScroll() {
                
                        rightDiv.onscroll = function() {
                                                        leftDiv.scrollTop = this.scrollTop;
                                                        cabeceraDiv.scrollLeft = this.scrollLeft;
                                                        cabeceraMesDiv.scrollLeft = this.scrollLeft;
                                                        };
                                                        
        }
        function loadStyle(){
                    
                <c:if test="${!empty EstadoGrabacion}">
                    msj = "<c:out value='${EstadoGrabacion}'/>";
                    jAlert(msj ,tituloSist );
                </c:if>
                                    
                var dia_anio = "<c:out value='${cantDiasHastaElPresenteMes}'/>";
                    dia_anio = (dia_anio) * 20;
                var cant_dias = <%=cantdias%>;
                    cant_dias = cant_dias * 20;
                    cabeceraDiv.scrollLeft = dia_anio;
                    cabeceraMesDiv.scrollLeft = dia_anio;
                    rightDiv.scrollLeft = dia_anio
                if(<%=cantdias%>==730){
                    var tableTituloMes = document.getElementById('tableTituloMes');
                    var table_diasCalendario = document.getElementById('table_diasCalendario');
                    var table_diasColaborador = document.getElementById('table_diasColaborador'); 

                    tableTituloMes.style.width = cant_dias;
                    table_diasCalendario.style.width = cant_dias;
                    table_diasColaborador.style.width = cant_dias ;
                }

                for (var l = 0; l < lstdiasPlanificados.length; l++) 
                    document.getElementById(l).innerHTML = lstdiasPlanificados[l].value;
                
           }     
        
        function pintaCelda(Celda){
//                alert(<c:out value='${cantColaboradores}'/>);
                var id_ = Celda.id;   // alert(id_);
                id_ = id_.substring(2,id_.length);
                var color = Celda.style.background;
                var HiddenId = document.getElementById(id_);
                if(Celda.style.background=="#fcfcfc" || color=="rgb(252, 252, 252)"){ //Color  Blanco
                    Celda.style.background="#95b84e";
                    HiddenId.value ="P";
                    sumatoriaDiasPlanificados(id_, 1);
                 }else{
                    Celda.style.background="#fcfcfc";
                    HiddenId.value ="B";
                    sumatoriaDiasPlanificados(id_, -1);
                 }  
        }
        
        function sumatoriaDiasPlanificados(index, cant){
           // alert("Indice: " + index + " CantDias: " + <%=cantdias%>);
            var indicador = index % <%=cantdias%> ;
            if(indicador==0){
                indicador = (index / <%=cantdias%>) - 1;
            }else{
                indicador = Math.floor(index / <%=cantdias%>);
            }
            //indicador = Math.floor(indicador - 1);
           // alert(lstdiasPlanificados.length + " - " + indicador);
           //alert(document.getElementById(indicador).innerHTML);
            lstdiasPlanificados[indicador].value = Math.floor(lstdiasPlanificados[indicador].value) + Math.floor(cant);
            document.getElementById(indicador).innerHTML = lstdiasPlanificados[indicador].value;
           // alert(lstdiasPlanificados[indicador].value);
        }

       function grabar(operacion){
            if(rango()=='s'){
                jConfirm('Está seguro que desea grabar?', 'Sistema de Gesti\u00F3n de Vacaciones', function(r) {
                     if(r){
                        fnMensajeProcesoInicio('Procesando');
                        document.getElementById("metodo").value = "grabarMiPlanificacion"; 
                        document.getElementById("estado").value = operacion; 
                        document.forms[0].submit();
                     }
                });
                
            }
       }
 
       function validacion(){
           rango();
           alert('n')
           return 'n';
       }

function rango(){
    var texto;
    var cont=0;
    var inicia = 0;
    var swExit = 0; 
    var i = 1; var j = 1; var k = 0;
    
    var lstequipo = document.getElementsByName("nombreEquipo");
    var lstsaldo = document.getElementsByName("saldoEquipo");
    var saldo = 0; var sumPlanificados = 0;
    var diaActual = "<c:out value='${diaAnio}'/>";
    
//    var valoresValidacion = "<c:out value='${valoresParaValidacion}'/>";
//    var lstValoresValida = valoresValidacion.split(",");
    //alert(lstValoresValida[0]);
    try {
    for (i = 0; i < "<c:out value='${cantColaboradores}'/>"; i++){
        cont=0; inicia=0; swExit=0;
        
        saldo = lstsaldo[i].value; sumPlanificados=0;
        //alert(saldo);
              for( j = 1; j<=<%=cantdias%>;j++){
                k++;  
                texto = document.getElementById(k).value;
                 if (texto=='P') {
                      inicia = 1;
                      cont++;  
                      if(j >= diaActual){
                           sumPlanificados++;
                      }
                      if(sumPlanificados > saldo){
                          msj = lstequipo[i].value + ":" + "\n" + "La cantidad de días planificados excede el total de días acumulados de vacaciones." + "\n" + "Por favor hacer las correcciones convenientes."
                          jAlert(msj,tituloSist );
                          return 'n';
                      }
                 }else{
                      if(cont < rangominimo && inicia==1){
                          swExit = 1;
                          msj = lstequipo[i].value + ":" + "\n" + " Sólo se permite registros igual o mayor a " + rangominimo + " días consecutivos. " + "\n" + "Por favor hacer las correcciones convenientes."
                          jAlert(msj, tituloSist );
                          return 'n';
                      }
                      inicia = 0; cont = 0;
                 }
             }        
             if(swExit==1)return 'e';
             if (cont > 0 && cont < rangominimo) {
                 msj = lstequipo[i].value + ":" + "\n" + " Sólo se permite registros igual o mayor a " + rangominimo + " días consecutivos. " + "\n" + "Por favor hacer las correcciones convenientes."
                 //fnMensajeProcesoTerminado('');
                 jAlert(msj, tituloSist );
                 return 'n';             
             }
     }
    } catch (exception) { 
        //fnMensajeProcesoTerminado('');
        alert(exception + " " + k);
    }        
   // fnMensajeProcesoTerminado('');
    return 's';
}

function companeros(){

var posicion_x; 
var posicion_y; 
var ancho = 1150;
var alto = 500;
posicion_x=(screen.width/2)-(ancho/2); 
posicion_y=(screen.height/2)-(alto/2); 

var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=" + ancho + ", height=" + alto + ", top=" + posicion_y  + ", left=" + posicion_x + "";
var url = '<%=request.getContextPath()%>/planificacion.do?metodo=cargarLstCompaneros';
window.open(url,"popupCompanieros",opciones );
}

function vistaAnual(idUsuario, idUsuarioAprobador, anio){

var posicion_x; 
var posicion_y; 
var ancho = 783;
var alto = 720;
posicion_x=(screen.width/2)-(ancho/2); 
posicion_y=20; 
//alert(idUsuario + " - " + idUsuarioAprobador + " - " + anio);
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=" + ancho + ", height=" + alto + ", top=" + posicion_y  + ", left=" + posicion_x + "";
var url = '<%=request.getContextPath()%>/planificacion.do?metodo=cargarVistaAnual&idUsuario=' + idUsuario + '&idUsuarioAprobador=' + idUsuarioAprobador + '&anio=' + anio;

window.open(url,"vistaAnual",opciones );
}

function imprimirSolicitud(){
var posicion_x; 
var posicion_y; 
var ancho = 800;
var alto = 800;
posicion_x=(screen.width/2)-(ancho/2); 
posicion_y=(screen.height/2)-(alto/2); 

             var url = '<%=request.getContextPath()%>/planificacion.do?metodo=imprimirSolicitud';
             var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=" + ancho + ", height=" + alto + ", top=" + posicion_y  + ", left=" + posicion_x + "";
            window.open(url,"SGV",opciones);    
}

function Detalle(idUsuario){
    var metodo='cargarVacacionesPorUsuarioPopPup';    
    var url =  '<%=request.getContextPath()%>/vacacion.do?metodo='+metodo+'&idUsuario='+idUsuario;
    window.open(url,"Sistema","width=600,height=600,scrollbars=yes,toolbar=0,resizable=0");
}

function CapturarTable(TablaABuscar){
            var cont=0;
            var inicia = 0;
            var tabla=document.getElementById(TablaABuscar);
            //var numRows = tabla.rows.length;
            var arrayFilas = tabla.getElementsByTagName("tr");
            try{
                var texto = "";
                var arrayCol;
                for (var i=0;i<arrayFilas.length;i++) {
                    arrayCol = arrayFilas[i].getElementsByTagName("td");
                        for (var j=0;j<arrayCol.length;j++) {
                            texto = arrayFilas[i].cells[j].value ;
                            
                           
                        }
                }
//                alert(texto);
             }catch (err) {
                 alert(err);
             } 
        }
        
       
</script>
</html:html>
